﻿Public Class DatePickerCSS

    Public Overrides Function ToString() As String
        Dim s As String = ""
        s = s & "/* the div that holds the date picker calendar */"
        s = s & ".dpDiv {"
        s = s & "    }"
        s = s & ""
        s = s & "/* the table (within the div) that holds the date picker calendar */"
        s = s & ".dpTable {"
        s = s & "    font-family: Tahoma, Arial, Helvetica, sans-serif;"
        s = s & "    font-size: 12px;"
        s = s & "    text-align: center;"
        s = s & "    color: #505050;"
        s = s & "    background-color: #ece9d8;"
        s = s & "    border: 1px solid #AAAAAA;"
        s = s & "    }"
        s = s & ""
        s = s & "/* a table row that holds date numbers (either blank or 1-31) */"
        s = s & ".dpTR {"
        s = s & "    }"
        s = s & ""
        s = s & "/* the top table row that holds the month, year, and forward/backward buttons */"
        s = s & ".dpTitleTR {"
        s = s & "    }"
        s = s & ""
        s = s & "/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */"
        s = s & ".dpDayTR {"
        s = s & "    }"
        s = s & ""
        s = s & "/* the bottom table row, that has the ""This Month"" and ""Close"" buttons */"
        s = s & ".dpTodayButtonTR {"
        s = s & "    }"
        s = s & ""
        s = s & "/* a table cell that holds a date number (either blank or 1-31) */"
        s = s & ".dpTD {"
        s = s & "    border: 1px solid #ece9d8;"
        s = s & "    }"
        s = s & ""
        s = s & "/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */"
        s = s & ".dpDayHighlightTD {"
        s = s & "    background-color: #CCCCCC;"
        s = s & "    border: 1px solid #AAAAAA;"
        s = s & "    }"
        s = s & ""
        s = s & "/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */"
        s = s & ".dpTDHover {"
        s = s & "    background-color: #aca998;"
        s = s & "    border: 1px solid #888888;"
        s = s & "    cursor: pointer;"
        s = s & "    color: red;"
        s = s & "    }"
        s = s & ""
        s = s & "/* the table cell that holds the name of the month and the year */"
        s = s & ".dpTitleTD {"
        s = s & "    }"
        s = s & ""
        s = s & "/* a table cell that holds one of the forward/backward buttons */"
        s = s & ".dpButtonTD {"
        s = s & "    }"
        s = s & ""
        s = s & "/* the table cell that holds the ""This Month"" or ""Close"" button at the bottom */"
        s = s & ".dpTodayButtonTD {"
        s = s & "    }"
        s = s & ""
        s = s & "/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */"
        s = s & ".dpDayTD {"
        s = s & "    background-color: #CCCCCC;"
        s = s & "    border: 1px solid #AAAAAA;"
        s = s & "    color: white;"
        s = s & "    }"
        s = s & ""
        s = s & "/* additional style information for the text that indicates the month and year */"
        s = s & ".dpTitleText {"
        s = s & "    font-size: 12px;"
        s = s & "    color: gray;"
        s = s & "    font-weight: bold;"
        s = s & "    }"
        s = s & ""
        s = s & "/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ "
        s = s & ".dpDayHighlight {"
        s = s & "    color: #4060ff;"
        s = s & "    font-weight: bold;"
        s = s & "    }"
        s = s & ""
        s = s & "/* the forward/backward buttons at the top */"
        s = s & ".dpButton {"
        s = s & "    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;"
        s = s & "    font-size: 10px;"
        s = s & "    color: gray;"
        s = s & "    background: #d8e8ff;"
        s = s & "    font-weight: bold;"
        s = s & "    padding: 0px;"
        s = s & "    }"
        s = s & ""
        s = s & "/* the ""This Month"" and ""Close"" buttons at the bottom */"
        s = s & ".dpTodayButton {"
        s = s & "    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;"
        s = s & "    font-size: 10px;"
        s = s & "    color: gray;"
        s = s & "    background: #d8e8ff;"
        s = s & "    font-weight: bold;"
        s = s & "    display:none;"
        s = s & "    }"

        Return s
    End Function

End Class
